<template>
  <div class="p-4">
    <BasicTable @register="registerTable" />
  </div>
</template>
<script lang="ts" setup>
import { BasicTable, useTable } from "@/components/Table";
import { getBasicColumns } from "./tableData";

import { demoListApi } from "@/api/demo/table";

function handleSummary(tableData: Recordable[]) {
  const totalNo = tableData.reduce((prev, next) => {
    prev += next.no;
    return prev;
  }, 0);
  return [
    {
      _row: "合计",
      _index: "平均值",
      no: totalNo,
    },
    {
      _row: "合计",
      _index: "平均值",
      no: totalNo,
    },
  ];
}
const [registerTable] = useTable({
  title: "表尾行合计示例",
  api: demoListApi,
  rowSelection: { type: "checkbox" },
  columns: getBasicColumns(),
  showSummary: true,
  summaryFunc: handleSummary,
  scroll: { x: 2000 },
  canResize: false,
  showSelectionBar: true, // 显示多选状态栏
});
</script>
